<!DOCTYPE html>
<html lang="en">
<head>
    <!--/assets/health_score/-->
    <meta charset="utf-8">
    <title>卫生评分</title>
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/assets/health_score/css/style.css">
</head>
<body>
<div class="wraper bg-write">
    <div class="header flex ">
        <a href="javascript:history.go(-1)" class="iconfont icon-right font-write"></a>
        <a href="/healthscore/healthScore/history/health_set_id/{BEESCRM:$health_set_id}/room_id/{BEESCRM:$record_info.room_id}" class="right flex font-write">
            <div class="iconfont icon-lishi"></div>
            <div>历史打分</div>
        </a>
    </div>
    <p class="text-center address font-16">{BEESCRM:$record_info.community_name}{BEESCRM:$record_info.building_name}{BEESCRM:$record_info.room_name}</p>
    <div class="relative">
        <div id="container" style="width: 300px; height: 300px; margin: 0 auto">
        </div>
        <div class="box text-center">
            <div class="box2">
                <p class="txt1">{BEESCRM:$record_info.level_name}</p>
                <p class="font-20">（{BEESCRM:$record_info.total_score}分）</p>
                <p class="font-gray">评分时间 {BEESCRM:$record_info.create_time|date="Y-m-d",###}</p>
            </div>
        </div>
    </div>

    <a href="/healthscore/healthScore/particulars/health_set_id/{BEESCRM:$health_set_id}/create_time/{BEESCRM:$record_info.create_time}/room_id/{BEESCRM:$record_info.room_id}" class="btn text-center font-16">查看详情</a>
</div>
</body>
<script src="/assets/health_score/js/jquery-2.1.0.min.js"></script>
<script src="/assets/health_score/js/highcharts.js"></script>
<script src="/assets/health_score/js/highcharts-more.js"></script>
<script src="/assets/health_score/js/solid-gauge.js"></script>
<script>
    $(function () {
        var heightt=$(window).height();
        $('.wraper').css('minHeight',heightt);
        var box2_height=$('.box2').height();
        $('.box2').css('marginTop',-(box2_height/2));
    })

    $(function () {
        Highcharts.chart('container', {
                chart: {
                    type: 'solidgauge',
                    marginTop: 10
                },
                credits: {
                    text: ''
                },
                title: {
                    text: ''
                },
                pane: {
                    startAngle: 0,
                    endAngle: 360,
                    background: [{ // Track for Move
                        outerRadius: '106%',
                        innerRadius: '94%',
                        backgroundColor: '#eeeeee',
                        borderWidth: 0
                    }]
                },
                yAxis: {
                    min: 0,
                    max: 100,
                    lineWidth: 0,
                    tickPositions: []
                },
                plotOptions: {
                    solidgauge: {
                        borderWidth: '8px',
                        dataLabels: {
                            enabled: false
                        },
                        linecap: 'round',
                        stickyTracking: false
                    }
                },
                series: [{
                    name: '',
                    borderColor: '#11abf4',
                    data: [{
                        radius: '100%',
                        innerRadius: '100%',
                        y: 60
                    }]
                }]
            },
            /**
             * In the chart load callback, add icons on top of the circular shapes
             */
            function callback() {
                // Move icon
            } );
    });
</script>
</html>